.top-nav{
    background-color: #eee;
    border-bottom: 1px solid #ddd;
}
.top-nav .link-nav,
footer .link-nav{
    list-style: none;
}

.top-nav .link-nav > li,
footer .link-nav > li{
    display: inline-block;
}

.top-nav .link-nav > li+li:before,
footer .link-nav > li+li:before{
    padding: 0 5px;
    content: "\007C";
}
.app-qrcode-link .app-qrcode{
    width: 128px;
    height: 128px;
    position: absolute;
    padding-top: 10px;
    display: none;
    z-index: 1;
}
.app-qrcode-link .app-qrcode::after{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 58px;
}
.app-qrcode-link:hover .app-qrcode,.app-qrcode-link .app-qrcode:hover{
    display: block;
}
.app-qrcode-link .app-qrcode img{
    width: 100%;
    height: 100%;
    padding: 5px;
    background-color: #fff;
}

/*header*/
.header{
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    height: 80px;
}
.header .nav > li > a:hover,
.header .nav > li > a:focus {
    border-bottom: 4px solid #611b75;
    background-color: transparent;
}
.header .nav > li > a{
    border-bottom: 3px solid transparent;
    padding: 28px;
    font-size: 16px;
}
.header .nav > li.active a{
    border-bottom: 4px solid #611b75;
    color: #611b75;
    background-color: transparent;
}
.header .logo{
    max-height: 60px;
}
.o-f-i{
    overflow: inherit !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
    background-color: #f5f5f5 !important;
}
.btn-purple {
    color: #fff !important;
    background-color: #611b75;
    border-color: #611b75;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    color: #fff !important;
    background-color: #4c175d;
    border-color: #4c175d;
}
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
    background-image: none;
}
.btn-purple.disabled,
.btn-purple.disabled:hover,
.btn-purple.disabled:focus,
.btn-purple.disabled:active,
.btn-purple.disabled.active,
.btn-purple[disabled],
.btn-purple[disabled]:hover,
.btn-purple[disabled]:focus,
.btn-purple[disabled]:active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple,
fieldset[disabled] .btn-purple:hover,
fieldset[disabled] .btn-purple:focus,
fieldset[disabled] .btn-purple:active,
fieldset[disabled] .btn-purple.active {
    background-color: #611b75;
    border-color: #611b75;
}
.bg-purple {
    background-color: #611b75;
    color: #fff;
}
.bg-purple.lt,
.bg-purple .lt {
    background-color: #941faa;
}
.bg-purple.lter,
.bg-purple .lter {
    background-color: #b822d1;
}
.bg-purple.dk,
.bg-purple .dk {
    background-color: #581b6c;
}
.bg-purple.dker,
.bg-purple .dker {
    background-color: #4c175d;
}
.bg-purple.bg,
.bg-purple .bg {
    background-color: #611b75;
}
.bg-purple-ltest {
    background-color: #d733ff;
}
.bg-purple a {
    color: #ffffff;
}
.bg-purple a:hover {
    color: #fff;
}
.bg-purple a.list-group-item:hover,
.bg-purple a.list-group-item:focus {
    background-color: inherit;
}
.bg-purple .nav > li:hover > a,
.bg-purple .nav > li:focus > a,
.bg-purple .nav > li:active > a,
.bg-purple .nav > li.active > a {
    color: #fff;
    background-color: #941faa;
}
.bg-purple .nav > li > a {
    color: #f2f2f2;
}
.bg-purple .nav > li > a:hover,
.bg-purple .nav > li > a:focus {
    background-color: #941faa;
}
.bg-purple .nav .open > a {
    background-color: #941faa;
}
.bg-purple .caret {
    border-top-color: #d733ff;
    border-bottom-color: #d733ff;
}
.bg-purple.navbar .nav > li.active > a {
    color: #fff;
    background-color: #941faa;
}
.bg-purple .open > a,
.bg-purple .open > a:hover,
.bg-purple .open > a:focus {
    color: #fff;
}
.bg-purple .text-muted {
    color: #d733ff !important;
}
.bg-purple .text-lt {
    color: #ffffff !important;
}
.bg-purple .icon-muted {
    color: #d733ff !important;
}
.bg-purple.auto .list-group-item,
.bg-purple .auto .list-group-item {
    border-color: #941faa !important;
    background-color: transparent;
}
.bg-purple.auto .list-group-item:hover,
.bg-purple.auto .list-group-item:focus,
.bg-purple.auto .list-group-item:active,
.bg-purple.auto .list-group-item.active,
.bg-purple .auto .list-group-item:hover,
.bg-purple .auto .list-group-item:focus,
.bg-purple .auto .list-group-item:active,
.bg-purple .auto .list-group-item.active {
    background-color: #941faa !important;
}
.text-purple {
    color: #611b75;
}
.text-purple-lt {
    color: #941faa;
}
.text-purple-lter {
    color: #b822d1;
}
.text-purple-dk {
    color: #4c175d;
}
.text-purple-dker {
    color: #4c175d;
}
.b-purple {
    border-color: #611b75;
}


.btn-orange {
    color: #fff !important;
    background-color: #ff6000;
    border-color: #ff6000;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    color: #fff !important;
    background-color: #ff6000;
    border-color: #ff6000;
}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
    background-image: none;
}
.btn-orange.disabled,
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled],
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
    background-color: #ff6000;
    border-color: #ff6000;
}
.bg-orange {
    background-color: #ff6000;
    color: #fff;
}
.bg-orange.lt,
.bg-orange .lt {
    background-color: #ff8600;
}
.bg-orange.lter,
.bg-orange .lter {
    background-color: #ffa900;
}
.bg-orange.dk,
.bg-orange .dk {
    background-color: #ff5000;
}
.bg-orange.dker,
.bg-orange .dker {
    background-color: #ff3c00;
}
.bg-orange.bg,
.bg-orange .bg {
    background-color: #ff6000;
}
.bg-orange-ltest {
    background-color: #fff7d6;
}
.bg-orange a {
    color: #ffffff;
}
.bg-orange a:hover {
    color: #fff;
}
.bg-orange a.list-group-item:hover,
.bg-orange a.list-group-item:focus {
    background-color: inherit;
}
.bg-orange .nav > li:hover > a,
.bg-orange .nav > li:focus > a,
.bg-orange .nav > li:active > a,
.bg-orange .nav > li.active > a {
    color: #fff;
    background-color: #ff8600;
}
.bg-orange .nav > li > a {
    color: #f2f2f2;
}
.bg-orange .nav > li > a:hover,
.bg-orange .nav > li > a:focus {
    background-color: #ff8600;
}
.bg-orange .nav .open > a {
    background-color: #ff8600;
}
.bg-orange .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.bg-orange.navbar .nav > li.active > a {
    color: #fff;
    background-color: #ff6000;
}
.bg-orange .open > a,
.bg-orange .open > a:hover,
.bg-orange .open > a:focus {
    color: #fff;
}
.bg-orange .text-muted {
    color: #ffa900 !important;
}
.bg-orange .text-lt {
    color: #ffffff !important;
}
.bg-orange .icon-muted {
    color: #ffa900 !important;
}
.bg-orange.auto .list-group-item,
.bg-orange .auto .list-group-item {
    border-color: #ff8600 !important;
    background-color: transparent;
}
.bg-orange.auto .list-group-item:hover,
.bg-orange.auto .list-group-item:focus,
.bg-orange.auto .list-group-item:active,
.bg-orange.auto .list-group-item.active,
.bg-orange .auto .list-group-item:hover,
.bg-orange .auto .list-group-item:focus,
.bg-orange .auto .list-group-item:active,
.bg-orange .auto .list-group-item.active {
    background-color: #ff8600 !important;
}
.text-orange {
    color: #ff6000;
}
.text-orange-lt {
    color: #ff8600;
}
.text-orange-lter {
    color: #ffa900;
}
.text-orange-dk {
    color: #ff5000;
}
.text-orange-dker {
    color: #ff3c00;
}
.b-orange {
    border-color: #ff6000;
}
.icon-bg-lg{
    width: 84px;
    height: 84px;
    display: inline-block;
    border-radius: 10px;
}
.text-link{
    color: #60bed1;
}
.text-link:hover{
    color: #39adc4;
}
.project-list li{
    border: 2px solid #ddd !important;
    border-radius: 10px !important;
    margin: 15px 0;
}
.project-list li:hover,
.project-list li:focus{
    border: 2px solid #611b75 !important;
}

.loan-list li{
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    margin: 15px 0;
}
.m-center{
    margin: 0 auto;
}
.goup-container{
    /*width: 50px !important;*/
    /*height: 50px !important;*/
}
.goup-arrow{
    margin: 5px !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
    font-family: 'Simple-Line-Icons';
    vertical-align: middle;
    display: block;
    text-align: center;
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    color: #fff;
    border: none !important;
}
.goup-arrow:after{
    content: "\e05c";
}
.rotate180{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tool-right{
    position: fixed;
    right: 0;
    top: 45%;
}
.tool-right ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-align: center;
}
.tool-right ul li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.30);
    cursor: pointer;
}
.tool-right ul li:hover{
    background-color: #fad733;
}
.tool-right ul li > .phone-call{
    top: -20px;
}
.tool-right ul li > .online-service{
    top: 10px;
}
.tool-right ul li > .qrcode-download{
    top:15px;
}
.tool-right ul li > .qrcode-download img{
    width: 100%;
    height: 100%;
}
.tool-right ul li > div{
    color: #000;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    position: absolute;
    width: 180px;
    right: 40px;
    padding-right: 10px;
    z-index: 1;
    display: none;
}
.tool-right ul li:hover > div{
    display: block;
}
.tool-right ul li > div:after{
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #eee;
    content: "";
    position: absolute;
    top: 45%;
    right: 0;
}
.tool-content{
    background-color: #eee;
    padding: 10px;
}
.condition-list ul a{
    padding: 5px 10px;
}
.condition-list ul a:hover,
.condition-list ul a:focus,
.condition-list ul a.active{
    background-color: #ff6000;
    color: #fff;
}

.purple-list ul a{
    padding: 5px 10px;
}
.purple-list ul a:hover,
.purple-list ul a:focus,
.purple-list ul a.active{
    background-color: #611b75;
    color: #fff;
}

.bg-transparent{
    background: transparent;
}

/*分页*/
.pagination.custom{
    margin: 10px 0;
}
.pagination.custom > li > a{
    color: #611b75;
}
.pagination.custom > .active > a{
    background-color: #611b75;
    border-color: #611b75;
    color: #fff;
}

/*面包屑导航*/
.breadcrumb > li + li:before{
    content: ">" !important;
}

.tag-purple{
    display: inline-block;
    position: relative;
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s, height 2s, transform 2s;
}
.tag-purple:hover{
    font-weight: 800;
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
}
.nav-tabs-header{
    border: 1px solid #ddd;
    margin: -1px;
}
.nav-tabs-header > li{
    margin-bottom: 0;
    border-right: 1px solid #ddd;
}
.nav-tabs-header > li.active{
    background-color: #611b75;
    border-bottom: 1px solid #611b75;
    margin-bottom: -1px;
}
.nav-tabs-header > li > a{
    border: none !important;
    font-weight: 400;
    font-size: 18px;
}
.nav-tabs-header > li > a:focus,
.nav-tabs-header > li > a:hover{
    background-color: #fff;
    color: #611b75;
}
.nav-tabs-header > li.active > a,
.nav-tabs-header > li.active > a:focus,
.nav-tabs-header > li.active > a:hover{
    color: #fff;
    cursor: pointer;
    background-color: #611b75;
}

.nav-tabs-line-header{
    border-bottom: 3px solid #ddd;
}
.nav-tabs-line-header > li{
    margin-bottom: 0;
}
.nav-tabs-line-header > li.active{
    border-bottom: 3px solid #611b75;
    margin-bottom: -3px;
}
.nav-tabs-line-header > li > a{
    border: none !important;
    font-weight: 400;
    font-size: 18px;
}
.nav-tabs-line-header > li > a:focus,
.nav-tabs-line-header > li > a:hover{
    background-color: #fff;
    color: #611b75;
}
.nav-tabs-line-header > li.active > a,
.nav-tabs-line-header > li.active > a:focus,
.nav-tabs-line-header > li.active > a:hover{
    color: #611b75;
    cursor: pointer;
}
.tab-content.project img{
    max-width: 100%;
}

.panel-left-tags{
    position: relative;
    padding: 10px 30px;
    background-color: #611b75;
    color: #fff;
}
.panel-left-tags:before{
    border-left: 30px solid #611b75;
    border-bottom: 42px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
}
.panel-left-tags span{
    font-weight: 600;
}

.user-profile.nav > li > a{
    padding: 15px 10px 15px 30px;
}
.user-profile.nav > li.active > a,
.user-profile.nav > li > a:focus,
.user-profile.nav > li > a:hover{
    background-color: #fff;
    border-left: 2px solid #611b75;
    color: #611b75;
}

.about.nav > li > a{
    padding: 15px 10px 15px 30px;
}
.about.nav > li.active > a,
.about.nav > li > a:focus,
.about.nav > li > a:hover{
    color: #611b75;
    background-color: #d7e5e8;
}
.about.nav > li > ul > li > a{
    padding-left: 42px;
    background-color: #edf2f3;
}
.about.nav > li > ul > li.active > a,
.about.nav > li > ul > li > a:focus,
.about.nav > li > ul > li > a:hover{
    background-color: #fff;
    color: #611b75;
}
.bg-grey{
    background-color: #f5f5f5;
}

.account-security{
    width: 120px;
    margin-bottom: 0;
}

i.icon-bank{
    margin: 0;
    border: none;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}
.icon-bank.china{
    background: url("../images/bank/china.png");
}
.icon-bank.construction{
    background: url("../images/bank/construction.png");
}
.icon-bank.industrial-commercial{
    background: url("../images/bank/industrial-commercial.png");
}
.icon-bank.communications{
    background: url("../images/bank/communications.png");
}
.icon-bank.agricultural{
    background: url("../images/bank/agricultural.png");
}
.icon-bank.postal{
    background: url("../images/bank/postal.png");
}
.icon-bank.merchants{
    background: url("../images/bank/merchants.png");
}

.project .panel .table td, .panel .table th{
    padding: 15px 7px;
}

.popover{
    width: 380px;
    max-width: 500px;
}